import React from 'react';
import { PlusOutlined, UserAddOutlined } from '@ant-design/icons';
import './index.less';

export default function RecomAttention() {
    return (
        <div className="recommend-attention">
            <div className="recommend-attention-title">
                <UserAddOutlined />
                <span>推荐关注</span>
            </div>
            <div className="recommend-attention-content">
                <ul>
                    <li>
                        <div>华中科技大学 | 计算机网络</div>
                        <div>
                            <PlusOutlined />
                            <span>关注</span>
                        </div>
                    </li>
                    <li>
                        <div>北京大学 | 数值分析</div>
                        <div>
                            <PlusOutlined />
                            <span>关注</span>
                        </div>
                    </li>
                    <li>
                        <div>武汉大学 | 操作系统</div>
                        <div>
                            <PlusOutlined />
                            <span>关注</span>
                        </div>
                    </li>
                    <li>
                        <div>清华大学 | 数据库系统</div>
                        <div>
                            <PlusOutlined />
                            <span>关注</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    );
}
